<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../style/home/style.css">
<style type="text/css">
    [v-cloak]{
      display:none;
    }
    body{
      overflow-x: hidden;
    }
    #app{
      padding-bottom: 56px;
    }
</style>
</head>

<body>

<div id="app" v-cloak v-scroll="loadMore">
   <nav>
        <dl class="one">
            <a href="javascript:void(0)" v-on:click="toIndex">
            <dt></dt>
            <dd>我的</dd>
            </a>
        </dl>
        <dl class="two">
          <a href="javascript:void(0)">
          <dt></dt>
          <dd>联盟商家</dd>
          </a>
      </dl>
        <dl class="three">
            <a href="javascript:window.location.href='lore.html'">
            <dt></dt>
            <dd>商学院</dd>
            </a>
        </dl>
        <dl class="four">
            <a class="active" href="javascript:void(0)">
            <dt></dt>
            <dd>公告</dd>
            </a>
        </dl>
    </nav>
  <div class="headTitle TopTitle">公告</div>

  <!-- 没有数据 -->
  <div class="error404 Vcenter" id="noData">
   <dl><dt><img src="../image/NOdada@2x.png"></dt>
     <dd>还没有数据哦~</dd>
   </dl>
  </div>
  
  <div id="container">
     <!-- 刷新组件 -->
      <div style="height: 48px;" id="pullDownBackground"></div>
      <div id="pullDown1" class="loadingUP1" style="display: none;">下拉刷新 ↓</div>
      <div class="loader-inner ball-spin-fade-loader" id="pullDown2" style="display: none;">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
      </div>
      <div class="bulletinList">

        <dl v-bind:class="{'read':item.isRead === '1'}" v-for="item in list" v-bind:data-id="item.id" v-on:touchStart="Start" v-on:touchMove="Move" v-on:touchEnd="End">
          <a href="javascript:void(0)" v-on:click="toDetils($event)"><dt>{{ item.messageTitle }}</dt>
          <dd><div class="bulletinContent" v-html="item.messageContent"></div><span>{{ item.pushTime*1000 | moment}}</span></dd></a>
        </dl>

         <!-- 加载提示符 -->
        <div id="pullDown3" class="loader-inner ball-spin-fade-loader" style="display: none;">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
        </div>

      </div>
  </div>
  <div id="othersTip">
      <div class="error404 errorRefresh" style="display: none;">
         <dl><dt><img src="../image/404@2x.png"></dt>
           <dd>啊哦,系统出现了错误,点击刷新下哦~</dd>
         </dl>
         <div class="error404Btn"><a href="javascript:;" v-on:click="toRefresh">重试</a></div>
      </div>
  </div>
</div>

<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/bulletin/bundle.js"></script>

</body>
</html>
